<!DOCTYPE html>
<html>

<head>
	<title>客服</title>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="__STATIC__/zh/css/member-1.css">
	<script type="text/javascript" src="__STATIC__/zh/js/jquery-3.2.1.min.js"></script>
	<link href="__STATIC__/zh/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
	<link href="__STATIC__/zh/css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
	<style type="text/css">
		.pass {
			margin-top: 5px;
			border: 1px solid #e14614;
			border-radius: 15px 15px 0 0;
			overflow-y: auto;
		}

		.change {
			background: -webkit-linear-gradient(left, rgb(230, 100, 25), rgb(225, 70, 20));
			;
			padding: 5px 10px;
			border-radius: 12px 12px 0 0;
		}

		.change>div:first-child {
			float: left;
			font-size: 15px;
			color: #b0a7fb;
		}

		.rig {
			float: right;
			font-size: 13px;
			color: white;
			margin-right: 10px;
		}

		.changepass {
			width: fit-content;
			font-size: 14px;
			position: absolute;
			top: 15%;
			left: 20%;
		}

		.changepass>div {
			margin-top: 5px;
		}

		.changepass>div>input {
			border: 1px solid #00BCD4;
			width: 130px;
			border-radius: 3px;
		}

		.changepass>button {
			border-radius: 4px;
			border: 2px solid #00BCD4;
			font-weight: bold;
			margin-left: 30%;
			margin-top: 3%;
		}

		.answer {
			width: 100%;
			height: 200px;
			border: 1px solid gray;
			border-radius: 3px;
		}
	</style>
</head>

<body>
	<div class="middle">
		<div class="head">


			<div style="width: 15%;float: left;height: 60px;text-align: center;">
				<div class="poly">保利</div>
			</div>

			<div style="width: 85%;float: left;    margin-top: 40px;position: relative;">
				<div>
					<div class="arrow-left"></div>
					<div class="memu">
						<span onclick="aaa()">密码设定</span>
						<span onclick="bbb()">下注状况</span>
						<span onclick="ccc()">账户历史</span>
						<span onclick="ddd()">规则说明</span>
						<span onclick="eee()">会员资料</span>
						<span onclick="fff()">开奖记录</span>
						<span onclick="ggg()">即时开奖</span>
						<span onclick="hhh()">客服</span>
						<span onclick="jjj()">登出</span>
					</div>
				</div>
				<div style="clear: both;"></div>

				<div style="position: relative;">
					<div class="arrow-right"></div>
					<div class="memu1">
						<span onclick="kkk()">特码</span>
						<span onclick="lll()">正码</span>
						<span onclick="nnn()">正码特</span>
						<span onclick="mmm()">正码1-6</span>
						<span onclick="ooo()">正码过关</span>
						<span onclick="ppp()">特码生肖色波头尾数</span>
						<span onclick="qqq()">连码</span>
						<span onclick="rrr()">半波</span>
						<span onclick="sss()">正肖总肖七码</span>
						<span onclick="ttt()">连肖</span>
						<span onclick="uuu()">尾数连</span>
						<span onclick="vvv()">多肖</span>
						<span onclick="www()">一肖尾数七色波</span>
						<span onclick="xxx()">全不中</span>
						<span onclick="zzz()">多中一</span>
					</div>
				</div>
				<div style="clear: both;"></div>
			</div>
		</div>


		<script type="text/javascript">
			function aaa() {
				window.location.href = "{:url('index/home/passchange')}"
			}

			function bbb() {
				window.location.href = "{:url('index/home/condition')}"
			}

			function ccc() {
				window.location.href = "{:url('index/home/history')}"
			}

			function ddd() {
				window.location.href = "{:url('index/home/instrction')}"
			}

			function eee() {
				window.location.href = "{:url('index/home/data')}"
			}

			function fff() {
				window.location.href = "{:url('index/home/record')}"
			}

			function ggg() {
				window.location.href = "{:url('index/home/lottery')}"
			}

			function hhh() {
				window.location.href = "{:url('index/home/Customer')}?page=1"
			}

			function iii() {
				window.location.href = ""
			}

			function jjj() {
				window.location.href = "{:url('index/home/login1')}"
			}

			function kkk() {
				window.location.href = "{:url('index/home/member1')}"
			}

			function lll() {
				window.location.href = "{:url('index/home/member2')}"
			}

			function nnn() {
				window.location.href = "{:url('index/home/member3')}"
			}

			function mmm() {
				window.location.href = "{:url('index/home/member4')}"
			}

			function ooo() {
				window.location.href = "{:url('index/home/member5')}"
			}

			function ppp() {
				window.location.href = "{:url('index/home/member6')}"
			}

			function qqq() {
				window.location.href = "{:url('index/home/member7')}"
			}

			function rrr() {
				window.location.href = "{:url('index/home/member8')}"
			}

			function sss() {
				window.location.href = "{:url('index/home/member9')}"
			}

			function ttt() {
				window.location.href = "{:url('index/home/member10')}"
			}

			function uuu() {
				window.location.href = "{:url('index/home/member11')}"
			}

			function vvv() {
				window.location.href = "{:url('index/home/member12')}"
			}

			function www() {
				window.location.href = "{:url('index/home/member13')}"
			}

			function xxx() {
				window.location.href = "{:url('index/home/member14')}"
			}

			function zzz() {
				window.location.href = "{:url('index/home/member15')}"
			}
		</script>



		<div class="left">
			<div style="  width: 100%">

				<div class="infor">
					<div class="information">
						<div class="username">请检视您的账户</div>
						<table style="width: 100%;background: orange;font-size:14px">
							<thead>
								<tr>
									<td style="text-align: right;">会员账号：</td>
									<td style="text-align: left;">{$user.name}
										<select name="Characters">
											{eq name="$Characters.c1" value="1"}
											<option value="0">A</option>
											{/eq} {eq name="$Characters.c2" value="1"}
											<option value="0">B</option>
											{/eq} {eq name="$Characters.c3" value="1"}
											<option value="0">C</option>
											{/eq} {eq name="$Characters.c4" value="1"}
											<option value="0">D</option>
											{/eq}
										</select>
									</td>
								</tr>
								<tr>
									<td style="text-align: right;">当前期数：</td>
									<td style="text-align: left;">香港六合彩 158 期</td>
								</tr>
								<tr>
									<td style="text-align: right;">信用额度：</td>
									<td style="text-align: left;">{$user.moneys}</td>
								</tr>
								<tr>
									<td style="text-align: right;">已用额度：</td>
									<td style="text-align: left;">{$user.employ}</td>
								</tr>
								<tr>
									<td style="text-align: right;">可用额度：</td>
									<td style="text-align: left;">{$user.m}</td>
								</tr>
								<tr>
									<td colspan="2" style="text-align: center;">请选择下注项目</td>
								</tr>
							</thead>
						</table>


					</div>
				</div>

				<div class="form" style="width: 100%;">
					<table style="width: 100%;">
						<thead>
							<tr>
								<td colspan="2">
									<div>最近十比交易记录</div>
								</td>
								<td colspan="2">
									<button class="update">更新</button>
									<button class="shud">x</button>
								</td>
							</tr>
							{foreach $orders as $os}
							<tr class="money" id="money">
								<th>{:date("m-d H:i",$os.times)}</th>
								<th>{$os.bets}</th>
								<th>{$os.rate}</th>
								<th>{$os.price}</th>
							</tr>
							{/foreach}

						</thead>
					</table>
				</div>
			</div>
		</div>

		<div class="right">
					<div class="anu">
					<div class="anunon"><span class="run">{foreach $announce as $an}{$an.content}{/foreach}</span></div>
					<button onclick="historynews()">历史消息</button>
				</div>
			<div class="pass">
				<div class="tema">
					<span style="color: rgb(30, 90, 120);">客服</span>
					<span style="color: white;float: right;margin-right: 40px;">香港时间:&ensp;
						<span id="time1" style="color: white;"></span>
					</span>
				</div>
				<div style="clear: both;"></div>

				<div class="table">
					<div style="padding: 5px 20px">

						<div style="float: left;    width: 85%;">已提交的问题和回复
							<br>
							<div class="answer">
								{foreach $result as $res} 提交的问题:{$res.content}
								<br> 收到的回复:{switch name="$res.type"} {case value="0"} 未回复 {/case} {default /} {$res.reply} {/switch} {/foreach}
							</div>
						</div>
						<div style=" float: left;text-align: center;margin-top: 60px ;margin-left: 20px" ">
								<button onclick="window.location.reload(); ">刷新</button>
								<div style="margin-top: 10px; "><a href="{:url( 'index/home/Customer')}?page={$page-1} " style="text-decoration:
						    none;color: black;font-size: 14px; ">上一条</a></div>
								<div style="margin-top: 10px; "><a href="{:url( 'index/home/Customer')}?page={$page+1} " style="text-decoration:
						    none;color: black;font-size: 14px; ">下一条</a></div>
							</div>
							<div style="clear: both; "></div>
							<div style="margin-bottom: 3px ">请填写一个主题，在框内协商你的问题或评介，然后按下"发送 "：
								<br>主题：<select name="status">
											<option value="1" selected>技术问题</option>
											<option value="2">规则</option>
											<option value="3">网站错误</option>
											<option value="4">其它问题</option>
										</select>
							</div>
							<div style="float: left; ">内容：</div>
							<div style="float: left; "><textarea name="content" cols="63 " rows="6 " id="content"></textarea></div>
							<div style="float: left;margin: 20px " onclick="sent()"><button>发送</button>
							<br><button style="margin-top: 20px" onclick="retruns()">取消</button></div>
						</div>
						<div style="clear: both; "></div>
					</div>


				</div>
			</div>
		</div>
	</div>

		
		<div id="news">
    			<div class="new">
    				<div class="down">x</div>
				<div class="newtime">
					<span>{foreach $announce as $an}{$an.content}{/foreach}</span>
				</div>
				<div class="oldtime">
					
				</div>
    			</div>
    		</div>
			<div style="height: 50px;"></div>

		<!-- 全局js -->
		<script src="__STATIC__/js/jquery.min.js?v=2.1.4 "></script>
		<script src="__STATIC__/js/bootstrap.min.js?v=3.3.6 "></script>

		

		<script type="text/javascript">
			//历史消息模态框
			$('.down').click(function(){
				var e1 = document.getElementById('news');        
				e1.style.visibility = (e1.style.visibility == "hidden")? "visible" : "hidden";
			})
			// 判断是否给踢线
		window.setInterval(show,5000); 
		function show(){ 
			$.getJSON("{:url('index/login/sta')}",function(result){
				if(result==false) window.location.href="{:url('index/login/logout')}";
			})
		}
			function historynews(){
				var e1 = document.getElementById('news');        
				e1.style.visibility = (e1.style.visibility == "visible")? "hidden" : "visible";
			}

					function mytime(){
		        var a = new Date();
		        var b = a.toLocaleTimeString();
		        var c = a.toLocaleDateString();
		        document.getElementById("time1").innerHTML = c+"&nbsp"+b;
		        }
		    setInterval(function() {mytime()},1000);
		    
			        var flag =false
			        $('#lol').click(function(){
			          if(flag){
			            $('.last').animate({    
			              'right':'0px'
			            },500)
			            flag = false
			          }else{
			            $('.last').animate({
			              'right':'-288px'
			            },500)
			            flag = true
			          }

			        })
			     function sent(){
			     	var status = $('select[name=status]').val();
			     	var content = $('#content').val();
			     	console.log(content);
			     	$.post("{:url( 'index/interfaces/reply')}",{status:status,content:content},function(res){
			     		if(res==1){
			     			alert("发送成功");
			     			$('select[name=status]').val(1);
			     			$('textarea[name="content"]').val(" ");
			     		}else{
			     			alert("发送失败");
			     			$('select[name=status]').val("1");
			     			$('textarea[name="content"]').val(" ");
			     		}
			     	})
			     } 
			     function retruns(){
			     	$('select[name=status]').val("1");
			     	$('textarea[name="content"]').val(" ");
			     }
		</script>


		<script type="text/javascript ">
			  $(function(){
			var price = 0
			//轮播
			var left = 0;
			function move(){
				left--
				if (left < -$(".run").width()) {
					left = 0
				}
				$(".run").css("left",left+"px")
			}
			setInterval(move,40)
		})
		</script>

			

	

	</div>
	</div> 
</body>
</html>